<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link rel="icon" href="images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/Login.css">
</head>
<body>
    <header>
        <a href="#">
            <div></div>
        </a>
    </header>
    <main>
        <div class="main-box">
            <div class="main-right-box">
                <!--表单输入登录-->
                <div class="form-main-box">
                    <div class="form-main-header">
                        <a class="accounts">账号登陆</a>
                        <span></span>
                        <a id="scan-login">扫码登陆</a>
                    </div>
                    <div class="form-main" id="main">
                        <div>
                            <div>
                                <form>
                                    <div>
                                        <input type="text" placeholder="邮箱/手机号码/小米ID" class="ID">
                                        <input type="password" placeholder="密码" class="pwd">
                                    </div>
                                    <div class="btn-box">
                                        <button  type="button" class="obtn">立即登录</button>
                                    </div>
                                    <div class="main-footer">
                                        <a href="#" class="register">注册小米帐号</a>
                                        <span></span>
                                        <a href="#">忘记密码?</a>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="main-right-footer" id="main-footer">
                        <div>
                            <span class="hr"></span>
                            <span>其他方式登录</span>
                            <span class="hr"></span>
                        </div>
                        <div class="payment">
                            <div>
                                <a href="#"></a>
                            </div>
                            <div>
                                <a href="#"></a>
                            </div>
                            <div>
                                <a href="#"></a>
                            </div>
                            <div>
                                <a href="#"></a>
                            </div>
                        </div>
                    </div>
                    <!--Scan code Login-->
                    <div class="scan-box">
                        <div>
                            <div class="scan">
                                <img src="images/app.png">
                            </div>
                            <div class="scan-footer">
                                <p>使用&nbsp;<span>小米商城APP</span>&nbsp;扫一扫</p>
                                <p>小米手机可打开「设置」&nbsp;&gt;&nbsp;「小米帐号」扫码登录</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <footer>
         <ul>
             <li class="language">简体</li>
             <li class="language">繁体</li>
             <li class="language">English</li>
             <li>常见问题</li>
         </ul>
        <p>小米公司版权所有-京ICP备10046444-<span><img src="images/ghs.png"> </span>京公网安备11010802020134号-京ICP证110507号</p>
    </footer>
<script type="text/javascript" src="js/Login.js"></script>
</body>
</html>